--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Node / ReticulumProjects / MeshChatX.git / files / meshchatx / src / frontend / components / layout / AppSidebarClassicNav.vue
Displaying Raw • Download
meshchatx/src/frontend/components/layout/AppSidebarClassicNav.vue HEAD (2bf00cb3) Text, 7.00 KB
T8b949e<!-- SPDX-License-Identifier: 0BSD -->
Tb4b4b4<Tff7b72templateTb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex-1 overflow-y-auto" Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3isEditing Tff7b72? Ta5d6ff'select-none' Tff7b72: Ta5d6ff''Ta5d6ff" Te6edf3data-testidTff7b72=Ta5d6ff"sidebar-classic-nav"Tb4b4b4>
Tb4b4b4<Tff7b72ul Te6edf3classTff7b72=Ta5d6ff"py-3 space-y-1" Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3isCollapsed Tff7b72? Ta5d6ff'px-0' Tff7b72: Ta5d6ff'pr-2'Ta5d6ff"Tb4b4b4>
Tb4b4b4<Tff7b72li
Te6edf3v-forTff7b72=Ta5d6ff"Te6edf3item Tff7b72in Te6edf3navItemsTa5d6ff"
Tb4b4b4:Te6edf3keyTff7b72=Ta5d6ff"Te6edf3itemTb4b4b4.Te6edf3idTa5d6ff"
Te6edf3classTff7b72=Ta5d6ff"flex items-center"
Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Tb4b4b4[
Te6edf3isCollapsed Tff7b72? Ta5d6ff'justify-center' Tff7b72: Ta5d6ff''Tb4b4b4,
Te6edf3isEditing Tff7b72&& Te6edf3draggingId Tff7b72=== Te6edf3itemTb4b4b4.Te6edf3id Tff7b72&& Te6edf3draggingKind Tff7b72=== Ta5d6ff'item' Tff7b72? Ta5d6ff'opacity-50' Tff7b72: Ta5d6ff''Tb4b4b4,
Te6edf3isEditing Tff7b72&& Te6edf3dragOverKey Tff7b72=== Ta5d6ff`Ta5d6ffitem:Tffd700${Te6edf3itemTb4b4b4.Te6edf3idTffd700}Ta5d6ff`
Tff7b72? Ta5d6ff'ring-1 ring-blue-400 dark:ring-blue-500 rounded-r-full'
Tff7b72: Ta5d6ff''Tb4b4b4,
Tb4b4b4]Ta5d6ff"
Te6edf3data-testidTff7b72=Ta5d6ff"sidebar-nav-item"
Tb4b4b4:Te6edf3data-nav-item-idTff7b72=Ta5d6ff"Te6edf3itemTb4b4b4.Te6edf3idTa5d6ff"
Tb4b4b4:Te6edf3draggableTff7b72=Ta5d6ff"Te6edf3isEditing Tff7b72? Tff7b72true Tff7b72: Tff7b72undefinedTa5d6ff"
Tb4b4b4@Te6edf3pointerdownTff7b72=Ta5d6ff"Te6edf3onNavHoldPointerDownTa5d6ff"
Tb4b4b4@Te6edf3pointermoveTff7b72=Ta5d6ff"Te6edf3onNavHoldPointerMoveTa5d6ff"
Tb4b4b4@Te6edf3pointerupTff7b72=Ta5d6ff"Te6edf3onNavHoldPointerUpTa5d6ff"
Tb4b4b4@Te6edf3pointercancelTff7b72=Ta5d6ff"Te6edf3onNavHoldPointerUpTa5d6ff"
Tb4b4b4@Te6edf3clickTb4b4b4.Te6edf3captureTff7b72=Ta5d6ff"Te6edf3onNavHoldClickCaptureTa5d6ff"
Tb4b4b4@Te6edf3contextmenuTff7b72=Ta5d6ff"Te6edf3onNavHoldContextMenuTa5d6ff"
Tb4b4b4@Te6edf3dragstartTff7b72=Ta5d6ff"Te6edf3onItemDragStartTb4b4b4(Te6edf3itemTb4b4b4.Te6edf3idTb4b4b4, Te6edf3$eventTb4b4b4)Ta5d6ff"
Tb4b4b4@Te6edf3dragoverTb4b4b4.Te6edf3preventTff7b72=Ta5d6ff"Te6edf3onItemDragOverTb4b4b4(Te6edf3itemTb4b4b4.Te6edf3idTb4b4b4, Te6edf3$eventTb4b4b4)Ta5d6ff"
Tb4b4b4@Te6edf3dropTb4b4b4.Te6edf3preventTb4b4b4.Te6edf3stopTff7b72=Ta5d6ff"Te6edf3onItemDropTb4b4b4(Te6edf3itemTb4b4b4.Te6edf3idTb4b4b4, Te6edf3$eventTb4b4b4)Ta5d6ff"
Tb4b4b4@Te6edf3dragendTff7b72=Ta5d6ff"Te6edf3clearNavDragTa5d6ff"
Tb4b4b4>
Tb4b4b4<Tff7b72MaterialDesignIcon
Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3isEditing Tff7b72&& Tff7b72!Te6edf3isCollapsedTa5d6ff"
Te6edf3icon-nameTff7b72=Ta5d6ff"drag-vertical"
Te6edf3classTff7b72=Ta5d6ff"ml-1 size-4 shrink-0 opacity-50"
Tb4b4b4/Tb4b4b4>
Tb4b4b4<Tff7b72SidebarLink Te6edf3classTff7b72=Ta5d6ff"min-w-0 flex-1" Tb4b4b4:Te6edf3toTff7b72=Ta5d6ff"Te6edf3itemTb4b4b4.Te6edf3routeTa5d6ff" Tb4b4b4:Te6edf3is-collapsedTff7b72=Ta5d6ff"Te6edf3isCollapsedTa5d6ff" Tb4b4b4:Te6edf3edit-modeTff7b72=Ta5d6ff"Te6edf3isEditingTa5d6ff"Tb4b4b4>
Tb4b4b4<Tff7b72template #Te6edf3iconTb4b4b4>
Tb4b4b4<Tff7b72span Te6edf3classTff7b72=Ta5d6ff"relative inline-flex shrink-0"Tb4b4b4>
Tb4b4b4<Tff7b72MaterialDesignIcon Tb4b4b4:Te6edf3icon-nameTff7b72=Ta5d6ff"Te6edf3itemTb4b4b4.Te6edf3iconTa5d6ff" Te6edf3classTff7b72=Ta5d6ff"w-6 h-6 text-gray-700 dark:text-white" Tb4b4b4/Tb4b4b4>
Tb4b4b4<Tff7b72span
Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3isCollapsed Tff7b72&& Te6edf3getNavBadgeCountTb4b4b4(Te6edf3itemTb4b4b4) Tff7b72> T79c0ff0 Tff7b72&& Te6edf3itemTb4b4b4.Te6edf3badgeTff7b72?Tb4b4b4.Te6edf3pillTa5d6ff"
Te6edf3classTff7b72=Ta5d6ff"absolute -right-2 -top-2 inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-red-500 px-1 text-[10px] font-bold leading-none text-white"
Tb4b4b4>
Tff7b72{{ Te6edf3formatNavBadgeCountTb4b4b4(Te6edf3itemTb4b4b4) Tff7b72}}
Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>
Tb4b4b4<Tff7b72template #Te6edf3textTb4b4b4>
Tb4b4b4<Tff7b72spanTb4b4b4>Tff7b72{{ Te6edf3itemTb4b4b4.Te6edf3label Tff7b72|| Te6edf3$tTb4b4b4(Te6edf3itemTb4b4b4.Te6edf3labelKeyTb4b4b4) Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>
Tb4b4b4<Tff7b72span Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3getNavBadgeCountTb4b4b4(Te6edf3itemTb4b4b4) Tff7b72> T79c0ff0 Tff7b72&& Tff7b72!Te6edf3itemTb4b4b4.Te6edf3badgeTff7b72?Tb4b4b4.Te6edf3pillTa5d6ff" Te6edf3classTff7b72=Ta5d6ff"ml-auto mr-2"Tb4b4b4>
Tff7b72{{ Te6edf3getNavBadgeCountTb4b4b4(Te6edf3itemTb4b4b4) Tff7b72}}
Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>
Tb4b4b4<Tff7b72span
Te6edf3v-else-ifTff7b72=Ta5d6ff"Tff7b72!Te6edf3isCollapsed Tff7b72&& Te6edf3getNavBadgeCountTb4b4b4(Te6edf3itemTb4b4b4) Tff7b72> T79c0ff0 Tff7b72&& Te6edf3itemTb4b4b4.Te6edf3badgeTff7b72?Tb4b4b4.Te6edf3pillTa5d6ff"
Te6edf3classTff7b72=Ta5d6ff"ml-auto mr-2 inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-red-500 px-1 text-[10px] font-bold leading-none text-white"
Tb4b4b4>
Tff7b72{{ Te6edf3formatNavBadgeCountTb4b4b4(Te6edf3itemTb4b4b4) Tff7b72}}
Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72SidebarLinkTb4b4b4>
Tb4b4b4<Tff7b72div Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3isEditing Tff7b72&& Tff7b72!Te6edf3isCollapsedTa5d6ff" Te6edf3classTff7b72=Ta5d6ff"flex shrink-0 flex-col pr-1"Tb4b4b4>
Tb4b4b4<Tff7b72button
Te6edf3typeTff7b72=Ta5d6ff"button"
Te6edf3classTff7b72=Ta5d6ff"p-0.5 text-gray-400 hover:text-gray-700 dark:hover:text-zinc-200"
Tb4b4b4:Te6edf3titleTff7b72=Ta5d6ff"Te6edf3$tTb4b4b4(Ta5d6ff'app.nav_move_up'Tb4b4b4)Ta5d6ff"
Tb4b4b4:Te6edf3aria-labelTff7b72=Ta5d6ff"Te6edf3$tTb4b4b4(Ta5d6ff'app.nav_move_up'Tb4b4b4)Ta5d6ff"
Tb4b4b4@Te6edf3clickTb4b4b4.Te6edf3stopTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'nav-reorder'Tb4b4b4, Tb4b4b4{ Te6edf3kindTff7b72: Ta5d6ff'item-offset'Tb4b4b4, Te6edf3itemIdTff7b72: Te6edf3itemTb4b4b4.Te6edf3idTb4b4b4, Te6edf3deltaTff7b72: Tff7b72-T79c0ff1 Tb4b4b4}Tb4b4b4)Ta5d6ff"
Tb4b4b4>
Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3icon-nameTff7b72=Ta5d6ff"chevron-up" Te6edf3classTff7b72=Ta5d6ff"size-4" Tb4b4b4/Tb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>
Tb4b4b4<Tff7b72button
Te6edf3typeTff7b72=Ta5d6ff"button"
Te6edf3classTff7b72=Ta5d6ff"p-0.5 text-gray-400 hover:text-gray-700 dark:hover:text-zinc-200"
Tb4b4b4:Te6edf3titleTff7b72=Ta5d6ff"Te6edf3$tTb4b4b4(Ta5d6ff'app.nav_move_down'Tb4b4b4)Ta5d6ff"
Tb4b4b4:Te6edf3aria-labelTff7b72=Ta5d6ff"Te6edf3$tTb4b4b4(Ta5d6ff'app.nav_move_down'Tb4b4b4)Ta5d6ff"
Tb4b4b4@Te6edf3clickTb4b4b4.Te6edf3stopTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'nav-reorder'Tb4b4b4, Tb4b4b4{ Te6edf3kindTff7b72: Ta5d6ff'item-offset'Tb4b4b4, Te6edf3itemIdTff7b72: Te6edf3itemTb4b4b4.Te6edf3idTb4b4b4, Te6edf3deltaTff7b72: T79c0ff1 Tb4b4b4}Tb4b4b4)Ta5d6ff"
Tb4b4b4>
Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3icon-nameTff7b72=Ta5d6ff"chevron-down" Te6edf3classTff7b72=Ta5d6ff"size-4" Tb4b4b4/Tb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72liTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72ulTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>
Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>
Tb4b4b4<Tff7b72scriptTb4b4b4>
Tff7b72import Te6edf3MaterialDesignIcon Tff7b72from Ta5d6ff"../MaterialDesignIcon.vue"Tb4b4b4;
Tff7b72import Te6edf3SidebarLink Tff7b72from Ta5d6ff"../SidebarLink.vue"Tb4b4b4;
Tff7b72import Tb4b4b4{ Te6edf3navEditHoldMixin Tb4b4b4} Tff7b72from Ta5d6ff"../../js/appSidebarNavEditHold.js"Tb4b4b4;
Tff7b72export Tff7b72default Tb4b4b4{
Te6edf3nameTff7b72: Ta5d6ff"AppSidebarClassicNav"Tb4b4b4,
Te6edf3componentsTff7b72: Tb4b4b4{
Te6edf3MaterialDesignIconTb4b4b4,
Te6edf3SidebarLinkTb4b4b4,
Tb4b4b4}Tb4b4b4,
Te6edf3mixinsTff7b72: Tb4b4b4[Te6edf3navEditHoldMixinTb4b4b4]Tb4b4b4,
Te6edf3propsTff7b72: Tb4b4b4{
Te6edf3navItemsTff7b72: Tb4b4b4{
Te6edf3typeTff7b72: Tffa657ArrayTb4b4b4,
Te6edf3requiredTff7b72: Tff7b72trueTb4b4b4,
Tb4b4b4}Tb4b4b4,
Te6edf3isCollapsedTff7b72: Tb4b4b4{
Te6edf3typeTff7b72: Tffa657BooleanTb4b4b4,
Tff7b72defaultTff7b72: Tff7b72falseTb4b4b4,
Tb4b4b4}Tb4b4b4,
Te6edf3isEditingTff7b72: Tb4b4b4{
Te6edf3typeTff7b72: Tffa657BooleanTb4b4b4,
Tff7b72defaultTff7b72: Tff7b72falseTb4b4b4,
Tb4b4b4}Tb4b4b4,
Te6edf3unreadConversationsCountTff7b72: Tb4b4b4{
Te6edf3typeTff7b72: Tffa657NumberTb4b4b4,
Tff7b72defaultTff7b72: T79c0ff0Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Te6edf3relayChatUnreadCountTff7b72: Tb4b4b4{
Te6edf3typeTff7b72: Tffa657NumberTb4b4b4,
Tff7b72defaultTff7b72: T79c0ff0Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Te6edf3missedCallsCountTff7b72: Tb4b4b4{
Te6edf3typeTff7b72: Tffa657NumberTb4b4b4,
Tff7b72defaultTff7b72: T79c0ff0Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Te6edf3emitsTff7b72: Tb4b4b4[Ta5d6ff"edit-start"Tb4b4b4, Ta5d6ff"nav-reorder"Tb4b4b4]Tb4b4b4,
Te6edf3methodsTff7b72: Tb4b4b4{
Te6edf3getNavBadgeCountTb4b4b4(Te6edf3itemTb4b4b4) Tb4b4b4{
Tff7b72if Tb4b4b4(Tff7b72!Te6edf3itemTb4b4b4.Te6edf3badgeTff7b72?Tb4b4b4.Te6edf3sourceTb4b4b4) Tb4b4b4{
Tff7b72return T79c0ff0Tb4b4b4;
Tb4b4b4}
Tff7b72if Tb4b4b4(Te6edf3itemTb4b4b4.Te6edf3badgeTb4b4b4.Te6edf3source Tff7b72=== Ta5d6ff"unreadConversationsCount"Tb4b4b4) Tb4b4b4{
Tff7b72return Tff7b72thisTb4b4b4.Te6edf3unreadConversationsCountTb4b4b4;
Tb4b4b4}
Tff7b72if Tb4b4b4(Te6edf3itemTb4b4b4.Te6edf3badgeTb4b4b4.Te6edf3source Tff7b72=== Ta5d6ff"relayChatUnreadCount"Tb4b4b4) Tb4b4b4{
Tff7b72return Tff7b72thisTb4b4b4.Te6edf3relayChatUnreadCountTb4b4b4;
Tb4b4b4}
Tff7b72if Tb4b4b4(Te6edf3itemTb4b4b4.Te6edf3badgeTb4b4b4.Te6edf3source Tff7b72=== Ta5d6ff"missedCallsCount"Tb4b4b4) Tb4b4b4{
Tff7b72return Tff7b72thisTb4b4b4.Te6edf3missedCallsCountTb4b4b4;
Tb4b4b4}
Tff7b72return T79c0ff0Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Te6edf3formatNavBadgeCountTb4b4b4(Te6edf3itemTb4b4b4) Tb4b4b4{
Tff7b72const Te6edf3count Tff7b72= Tff7b72thisTb4b4b4.Te6edf3getNavBadgeCountTb4b4b4(Te6edf3itemTb4b4b4)Tb4b4b4;
Tff7b72const Te6edf3cap Tff7b72= Te6edf3itemTb4b4b4.Te6edf3badgeTff7b72?Tb4b4b4.Te6edf3capTb4b4b4;
Tff7b72if Tb4b4b4(Te6edf3cap Tff7b72!= Tff7b72null Tff7b72&& Te6edf3count Tff7b72> Te6edf3capTb4b4b4) Tb4b4b4{
Tff7b72return Ta5d6ff`Tffd700${Te6edf3capTffd700}Ta5d6ff+Ta5d6ff`Tb4b4b4;
Tb4b4b4}
Tff7b72return Tffa657StringTb4b4b4(Te6edf3countTb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Te6edf3onItemDragStartTb4b4b4(Te6edf3itemIdTb4b4b4, Te6edf3eventTb4b4b4) Tb4b4b4{
Tff7b72thisTb4b4b4.Te6edf3beginNavDragTb4b4b4(Ta5d6ff"item"Tb4b4b4, Te6edf3itemIdTb4b4b4, Te6edf3eventTb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Te6edf3onItemDragOverTb4b4b4(Te6edf3itemIdTb4b4b4, Te6edf3eventTb4b4b4) Tb4b4b4{
Tff7b72thisTb4b4b4.Te6edf3setNavDragOverTb4b4b4(Ta5d6ff`Ta5d6ffitem:Tffd700${Te6edf3itemIdTffd700}Ta5d6ff`Tb4b4b4, Te6edf3eventTb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Te6edf3onItemDropTb4b4b4(Te6edf3itemIdTb4b4b4, Te6edf3eventTb4b4b4) Tb4b4b4{
Tff7b72if Tb4b4b4(Tff7b72thisTb4b4b4.Te6edf3draggingKind Tff7b72=== Ta5d6ff"item" Tff7b72&& Tff7b72thisTb4b4b4.Te6edf3draggingId Tff7b72&& Tff7b72thisTb4b4b4.Te6edf3draggingId Tff7b72!== Te6edf3itemIdTb4b4b4) Tb4b4b4{
Tff7b72thisTb4b4b4.Te6edf3$emitTb4b4b4(Ta5d6ff"nav-reorder"Tb4b4b4, Tb4b4b4{
Te6edf3kindTff7b72: Ta5d6ff"item"Tb4b4b4,
Te6edf3itemIdTff7b72: Tff7b72thisTb4b4b4.Te6edf3draggingIdTb4b4b4,
Te6edf3targetTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Ta5d6ff"item"Tb4b4b4, Te6edf3idTff7b72: Te6edf3itemIdTb4b4b4, Te6edf3positionTff7b72: Tff7b72thisTb4b4b4.Te6edf3dropPositionTb4b4b4(Te6edf3eventTb4b4b4) Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4)Tb4b4b4;
Tb4b4b4}
Tff7b72thisTb4b4b4.Te6edf3clearNavDragTb4b4b4(Tb4b4b4)Tb4b4b4;
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4,
Tb4b4b4}Tb4b4b4;
Tb4b4b4<Tb4b4b4/Tff7b72scriptTb4b4b4>
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────